html, body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  overflow-y: auto;
}
body {
  background-color: white;
}

a.hover-underline:hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  margin: auto;
  height: 2px;
  background-color: currentColor;
}

a.hover-underline-child:hover {
  > span,h1,h2,h3,h4,a {
    &::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      right: 0;
      margin: auto;
      height: 2px;
      background-color: currentColor;
    }
  }
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 150ms;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0
}

button.fab {

  height: 2.75rem;
  width: 2.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.33);

  &.is-tr {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }

  &.is-br {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
  }
}
